<template>
    <div>
        <el-dropdown class="dropBox">
            <!-- <img src="../assets/avatar.png" alt=""> -->
            <pop-up-window></pop-up-window>
            <el-dropdown-menu slot="dropdown">
                <!-- <el-dropdown-item>
                    <pop-up-window></pop-up-window>
                </el-dropdown-item> -->
            </el-dropdown-menu>
        </el-dropdown>
    </div>
</template>

<script>
import popUpWindow from './popUpWindow.vue';
export default {
    methods: {
        changePassword() {

        }
    },
    components: {
        popUpWindow
    }
}
</script>

<style scoped>
.el-dropdown {
    vertical-align: top;
}

.el-dropdown+.el-dropdown {
    margin-left: 15px;
}

.el-icon-arrow-down {
    font-size: 12px;
}

img {
    float: right;
    margin-top: 5px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.dropBox {
    float: right;
}
</style>